@charset "utf-8";
/* CSS Document */

/*
    For manage_teacher.html
    
    Author:Tyh1k
    
*/

#optionBox{
    font-size:14px;
    padding-left:5px;
    margin-bottom:10px;
    margin-top:10px;
}

#optionBox span.options{
    border-top:1px; 
    border-right:2px;
    border-bottom:2px;
    border-left:1px;
    border-style:solid;
    border-color:#555;
    padding:2px 5px 2px 5px;
    margin:0px 5px 0px 5px;
    position:relative;
    cursor:pointer;  
    zoom:1;     /* for IE6 */
}

#optionBox span.options b{
    display:inline-block;
    overflow:hidden;
    height:0;
    width:0;
    border-left:7.5px dashed transparent;
    border-right:7.5px dashed transparent;
    border-top:7.5px solid #555;
    border-bottom:7.5px solid #transparent;
    margin-left:10px;
}

#optionBox span.options:hover b ul{
    display:inline-block;
    *width:50px;
    *margin-top:5px !important;
    *margin-top:0;
    margin-top:5px;
}


#optionBox span.options:hover b{
    border-left:7.5px dashed transparent;
    border-right:7.5px dashed transparent;
    border-top:7.5px dashed transparent;
    border-bottom:7.5px solid #555;
}

#optionBox span.options b ul{
    list-style:none;
    overflow:hidden;
    float:left;
    position:absolute;
    right:0px;
    top:21.5px;
    border:1px solid #555;
    background:#fff; 
    display:none;
}

#optionBox span.options b ul li{
    display:inline-block;
    width:100%;
    padding:2px 5px 2px 5px;       
    border-bottom:1px solid #555;
    
}


#optionBox span.options b ul li:last-child{
    
    border-bottom:none;
}

#optionBox span.options b ul li a{
    text-decoration:none;
    color:#555;
}

#content{
    width:100%;
    padding-top:10px;
}

#content table{
    color:#555;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    text-align:center;
    border-collapse: collapse; 
}

#content table thead{
    background:#f5f5f5;  
}

#content table thead th{

}

#content table td,th{
    padding:10px;
}

#content table tbody tr:nth-child(even){
    background:#f5f5f5;
}

#content table tbody tr:last-child{
    border-bottom:1px solid #555;
}

#content table .login-num{
    width:100px;
}

#content table .name{
    width:115px;
}

#content table .sex{
    width:80px;
}

#content table .birthday{
    width:140px;
}

#content table .telephone{
    width:160px;
}

#content table .course{
    width:160px;
}

#content table .political{
    width:160px;
}

#content table span{
    margin-right:30px;
}


#content table .operation{
    width:100px;
}

#page-nav{
    width:100%;
    margin-top:10px;
    color:#555;
    position:relative;
}

#page-nav .navi-button{
    float:right;
    margin-right:50px;
    padding:0;
    padding-bottom:5px;
    vertical-align:middle;
    width:120px;    /* for IE6/7 */
    display:inline-block;   /* for IE6/7 */
}

#page-nav .navi-button .pre{
    display:inline-block;
    overflow:hidden;
    height:0;
    width:0;
    border-top:7.5px dashed transparent;
    border-bottom:7.5px dashed transparent;
    border-right:7.5px solid #555;
    margin-right:5px;
    cursor:pointer;
    vertical-align:middle;
}

#page-nav .navi-button .next{
    display:inline-block;
    overflow:hidden;
    height:0;
    width:0;
    border-top:7.5px dashed transparent;
    border-bottom:7.5px dashed transparent;
    border-left:7.5px solid #555;
    margin-left:5px;
    cursor:pointer;
    vertical-align:middle;
}

#page-nav .buttons{
    text-align:center;
    width:200px;
    margin-bottom:20px;
    position:relative;
    left:820px;
    top:30px;
}

#page-nav .buttons input{
    display:inline-block;
    width:50px;
    height:30px;
    margin-right:5px;
    border:none;
    background:#EDEDED;
    box-shadow:0px 0px 5px grey;
    cursor:pointer;
}